html{
	height: 100%;
	font-size: 25.641vw;
}
body{
	height: 100%;
	font-size:.16rem;
}
header{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 .15rem;
	font-size: .18rem;
	height:.4rem;
	border-bottom:.01rem solid #ddd;
	position: fixed;
	top: 0;
	left: 0;
	background: white;
}
header .iconfont{

	font-size:.26rem;
	color: #777;
}
header span:last-child{
	font-size: .14rem;
	color: #575c66;
	font-weight: bold;
}
.fuzhuheight{
	width: 100%;
	height: .4rem;
}
nav{
	font-size: .12rem;
	height:.3rem;
	background: #ffe2b1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 .15rem;
}
nav a{
	text-decoration: underline;
	color:#a77e4f;
}
nav span:last-child{
	color: #191919;
	font-size: .14rem;
}
section{
	width: 100%;
}
section>div{
	padding:.15rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
section>div>div:first-child{
	width: .24rem;
	height:.24rem;
	border-radius: 50%;
	border: .01rem solid #ccc;
	text-align: center;
	line-height: .24rem;
}
section>div>div:first-child>span{
	color: white;
	font-size: .16rem;
	pointer-events:none;
}
section>div>div:nth-child(2){
	width: 1rem;
	height:1rem;
	border-radius: .05rem;
	overflow: hidden;
}
section>div>div:nth-child(2) img{
	width:100%;
	height:100%;
}
section>div>div:nth-child(3){
	width: 1.1rem;
	height:1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	font-size: .14rem;
}
section>div>div:nth-child(3)>p:nth-child(2){
	position: relative;
	top: -0.1rem;
}
section>div>div:nth-child(3)>p:nth-child(2) span:nth-child(1){
	color:#937925;
	margin-right: .03rem;
}
section>div>div:nth-child(3)>p:nth-child(2) span:nth-child(2){
	color:#b8b8b8;
	text-decoration:line-through;
}
section>div>div:nth-child(3)>p:nth-child(3) span:nth-child(1){
	margin-right: .03rem;
	font-size: .12rem;
}
section>div>div:nth-child(3)>p:nth-child(3) span:nth-child(2){
	color:#ff2832;
}
section>div>div:nth-child(4){
	display: flex;
	justify-content: center;
	align-items: center;
}
section>div>div:nth-child(4) .iconfont{
	font-size:.2rem;
}
section>div>div:nth-child(4)>span:nth-child(2){
	font-size: .12rem;
	color: #a17964;
	margin:.05rem;
}
footer{
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	width:100%;
	height: 0.48rem;
	background: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: .01rem solid #ccc;
	z-index: 10;
}
footer>div:first-child{
	display: flex;
	width:2.9rem;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding:0 .15rem;
}
footer>div:first-child>span:first-child i{
	display: inline-block;
 	width:.24rem;
 	height:.24rem;
 	border-radius: 50%;
	border: .01rem solid #ccc;
	margin-right:.06rem;
	text-align: center;
	line-height: .24rem;
	color: white;
	font-size: .16rem;
}
footer>div:first-child>span:first-child b{
	color:#787878;
}
footer>div:first-child>span:last-child b{
	color:#ff2832;
	margin-left: .06rem;
}
footer>div:last-child{
	flex: 1;
	height: 100%;
	background: #fb4741;
	color: white;
	text-align: center;
	line-height: .48rem;
}
